<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>cover</title>
    <link
      rel="stylesheet"
      type="text/css"
      href="../public/css/cover/normalize.css"
    />
    <!--CSS RESET-->
    <link
      rel="stylesheet"
      type="text/css"
      href="../public/css/cover/htmleaf-demo.css"
    />
    <style>
      * {
        margin: 0;
        padding: 0;
      }
      #container {
        width: 60%;
        margin: 30px auto;
      }
    </style>
  </head>
  <body>
    <div id="container"></div>

    <script src="../public/js/src/vara.min.js" type="text/javascript"></script>
    <!-- <script src="/public/js/src/cover.js"></script> -->
    <script>
      var vara = new Vara(
        "#container",
        "../public/font/Satisfy/SatisfySL.json",
        [
          {
            text: "Welcome to ZhiLiao Blog",
            width: 1000,
            fontSize: 50,
            textAlign: "left",
            strokeWidth: 2,
            color: "#f1ee3e",
            y: 80,
            duration: 2500,
            autoAnimation: true,
            letterSpacing: 5,
          },
          {
            text: "Different meetings are different nostalgia, different encounters and different tests.",
            width: 1000,
            strokeWidth: 2,
            color: "#fff",
            y: 40,
            x: 120,
            duration: 4000,
            letterSpacing: 5,
          },
          {
            text: "Let's go to ZhiLiao",
            fontSize: 24,
            textAlign: "left",
            strokeWidth: 2,
            color: "skyblue",
            textAlign: "right",
            y: -90,
            duration: 2000,
            autoAnimation: true,
            letterSpacing: 5,
            delay: 1500,
          },
        ],
        {
          fontSize: 46,
        }
      );
    </script>
    <script src="../public/js/src/jQuery.js"></script>
    <script type="text/javascript">
      $(document).ready(function () {
        setTimeout(function () {
          //两秒后跳转
          //   alert("恭喜你注册成功，两秒后跳转。");
          location.href = "/login"; //PC网页式跳转
          // $.mobile.changePage("index.php"); //手机网页式跳转
        }, 10500);
      });

      $(document).click(function () {
        location.href = "/login";
      });
    </script>
  </body>
</html>
